<template>
    <Layout>
        <div class="slider-area slider-style-1 bg_image" style="background-color: #000;height: 304px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="inner pt--80 text-left">
                            <!-- <div>
                                <h3 class="rn-sub-badge" data-aos="fade-up" data-aos-delay="100">
                                    <span class="theme-gradient">我们公司关于详细信息.</span>
                                </h3>
                            </div> -->
                            <h1 class="title display-one" data-aos="fade-up" data-aos-delay="150">
                                联系我们
                            </h1>
                            <h4 style="color: #fff;">
                                锦锐科技在线为您解答，您可以在这里向我们发送需求,稍后会有商务人员与您联系
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Start Contact Area  -->
        <div class="rwt-contact-area rn-section-gap">
            <div class="container">
                <div class="row mt--40 row--15">
                    <div class="col-lg-7">
                        <ContactForm />
                    </div>
                    <div class="col-lg-5 mt_md--30 mt_sm--30">
                        <!-- <GoogleMap/> -->
                        <!-- <img src="../../src/assets/images/about/about-1.png" alt="" style="height: 415px;"> -->
                        <h2>锦锐科技有限公司</h2>
                        <div class="contactUs">地址：</div>
                        <p>河南省郑州市金水区花园路126号1号楼15层1506</p>
                        <div class="contactUs">邮箱地址：</div>
                        <p>Email:info@tejinrui.com</p>
                        <div class="contactUs">联系我们：</div>
                        <p>咨询热线:0371-63228219</p>
                        <h4>周一至周日7*24小时</h4>
                    </div>
                </div>

            </div>
        </div>
        <Separator />
        <div style="background-color: #F3F7FA;">
            <div class="container">
                <div class="row row--15">
                    <div class="col-lg-12">
                        <div class="rn-contact-address mt_dec--30">
                            <div class="row">
                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="rn-address text-center ">
                                        <div class="icon">
                                            <Icon name="headphones" :size="40" />
                                        </div>
                                        <div class="inner">
                                            <h4 class="title">我们的联系电话</h4>
                                            <p><a href="tel:+852 69954353">18899996666</a></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="rn-address text-center">
                                        <div class="icon">
                                            <Icon name="mail" :size="40" />
                                        </div>
                                        <div class="inner">
                                            <h4 class="title">我们的电子邮件</h4>
                                            <p><a href="mailto:info@tejinrui.hk">info@xxxxxx.xxx</a></p>
                                            <!-- <p><a href="mailto:example@gmail.com">example@gmail.com</a></p> -->
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="rn-address text-center">
                                        <div class="icon">
                                            <Icon name="map-pin" :size="40" />
                                        </div>
                                        <div class="inner">
                                            <h4 class="title">我们的位置</h4>
                                            <p>郑州市金水区正弘中心1506</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <Separator />
    </Layout>
</template>

<script>
import Layout from '../components/common/Layout'
// import Breadcrumb from '../components/elements/breadcrumb/Breadcrumb'
import SectionTitle from '../components/elements/sectionTitle/SectionTitle'
import Icon from "../components/icon/Icon";
import GoogleMap from "../components/elements/contact/GoogleMap";
import ContactForm from "../components/elements/contact/ContactForm";  //联系我们组件
import Separator from '../components/elements/separator/Separator'

export default {
    name: 'ContactPage',
    components: { ContactForm, GoogleMap, Icon, SectionTitle, Layout, Separator }
}
</script>
<style scoped>
.contactUs {
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}
.flexBox{
    display: flex;
    align-items: center;
    justify-items: center;
}
</style>